@charset "utf-8";
.about-banner { width: 100%; height: 300px; background: url(../images/banner_1.jpg) no-repeat center center; background-size: cover; }
.about-banner2{ width: 100%; height: 578px; background: url(../images/banner2_1.jpg) no-repeat center center; background-size: cover; }
.about-banner3 { width: 100%; height: 644px; background: url(../images/banner3_1.jpg) no-repeat center center; background-size: cover; }
.about-banner4 { width: 100%; height: 378px; background: url(../images/banner4_1.jpg) no-repeat center center; background-size: cover; }
.about-title{ position: relative; font-size:36px; color:#de1620; height:46px; line-height:46px; margin-bottom:20px; }
.about-title:before { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -70px; width: 140px; height: 1px; background-color: #de1620; }
.about-title:after { content: ""; position: absolute; bottom: -8px; left: 50%; margin-left: -20px; width: 40px; height: 5px; background-color: #de1620; }

.about-jianjie-box{ padding:100px 0; background-color:#fff;}
.about-miaoshu{ margin-top:50px;}
.about-miaoshu p{ font-size:16px; line-height:22px; text-indent:2em; margin-bottom:22px;}

.about-6{}
.about-6 .about-6-item{ margin:0 auto; width:134px; height:134px; padding:40px 0; background-color:#de1620; color:#fff; -webkit-border-radius: 67px; -moz-border-radius: 67px; border-radius: 67px; text-align:center;}
.about-6 .about-6-item h4{ font-size:24px; font-weight:100;}
.about-6 .about-6-item p{ font-size:18px;}
.about-6 .about-6-item img{ margin:0 auto; padding-bottom:5px;}
.about-6 .about-6-item-f{background-color:#fff; color:#de1620;padding:20px 0; border:6px solid #de1620;}

.about-video-box{ padding:100px 0; background-color:#f8f8f8;}
.about-video{ margin:0 auto; width:558px; height:314px;}

.about-yongyu-box { padding:100px 0; background-color:#fff;}
.about-yongyu{margin-bottom:30px;}
.about-yongyu h5{ font-size:24px;font-weight:100; line-height:40px;}
.about-yongyu p{font-size:16px;line-height:22px; margin-bottom:8px;}
.about-yongyu-pic{ width:186px; height:138px; padding:10px; border:1px solid #fff;margin-bottom:40px; position:relative; }
.about-yongyu-pic img{ width:166px; height:118px;}


.about-yongyu-pic:before, .about-yongyu-pic:after { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom:0px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }
.about-yongyu-pic:before { border-top: 1px solid #de1620; border-bottom: 1px solid #de1620; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); }
.about-yongyu-pic:after { border-right: 1px solid #de1620; border-left: 1px solid #de1620; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
.about-yongyu-pic:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .1); }
.about-yongyu-pic:hover:before, .about-yongyu-pic:hover:after { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }


.about-wenhua{ margin:30px 0;}
.about-wenhua .about-title{ color:#fff;}
.about-wenhua .about-title:before { background-color: #fff; }
.about-wenhua .about-title:after { background-color: #fff; }
.about-wenhua-ln{width:560px; color:#fff;}
.about-wenhua-ln h3{ font-size:18px; margin-bottom:5px;font-weight:400;}
.about-wenhua-ln .lilian{ font-size:14px; line-height:22px;}
.about-wenhua-ln p{ font-size:14px; line-height:22px;}


.about-licheng-box{ padding:50px 0;  background-color:#fff;}
.about-licheng-year h3{ float:left; width:120px; font-size:36px; color:#de1620; font-weight:100;}
.about-licheng-year p{margin-left:120px; font-size:16px;line-height:22px; margin-bottom:8px;}


.wjy-bg{padding:110px 0;  background-color:#122142;}
.wjy{ text-align:center;}
.wjy h2{ font-size:36px; color:#fff; font-weight:400;}
.wjy div{ margin-top:40px; text-align:center; }
.wjy div img{ display:inline-block; width:50px; height:50px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;vertical-align:middle;}
.wjy div span{ margin-left:10px; display:inline-block;vertical-align:middle; height:50px;line-height:50px;color:#fff; font-size:24px;}

.about-gushi-bg{ padding:100px 0;  background-color:#fff;}
.about-gushi{}
.about-gushi-ms{ font-size:16px; line-height:40px; text-align:center;}
.gushibox{ margin-top:60px; height:728px;}
.gushibox-left{float:left; width:312px;height:728px; border:1px solid #eee; }
.gushibox-right{float:right; width:800px;height:728px; }
.gushibox-right .gb-left{ float:left;width:312px; height:504px;border:1px solid #eee;}
.gushibox-right .gb-right{ float:right;width:461px;height:504px;border:1px solid #eee;}
.gushi-item {position:relative;}
.gushi-item .gushi-img{ position:relative; }
.gushi-item .gushi-img .img-bt{ position:absolute; bottom:0; width:100%; height:40px; line-height:40px; background-color:#e20213; color:#fff; font-size:18px; padding-left:20px;}
.gushi-item .gushi-tit{ margin-bottom:10px;font-size:24px; padding:0 20px; line-height:30px;}
.gushi-item p{ font-size:15px; color:#666; line-height:24px; padding:0 20px; margin-bottom:10px;}
.gushi-item .gushi-bq{ position:absolute; z-index:9999;  top:10px; width:118px; height:36px; line-height:36px; text-align:center; background-color:#f76d2b; font-size:18px; color:#fff;}

.gb-btm{  border:1px solid #eee;height:199px; padding:20px 0; margin-top:20px;  }

.index-counter { padding: 100px 0;  width: 100%; background-color: #FFF; }
.index-counter .qiye { border-left: 1px solid #e6e9ed; border-right: 1px solid #e6e9ed; }
.index-counter span { display: block; height: 60px; font-size: 36px; line-height: 60px; font-weight: 400; color: #f02933; }
.index-counter span i { font-size: 22px; font-style: normal; margin-left: 2px; margin-right: 2px; }
.index-counter p { height: 20px; font-size: 16px; line-height: 20px; color: #666; }
.index-fs{ width:100%; height:310px; background: url(../images/index-fs_1.png) no-repeat center center;}